<template>
  <div class=''>
      {{x}}, {{y}}
      <img :style="{'position':'absolute', 'top': y +'px', 'left': x + 'px'}" src="../01.png"/>
  </div>
</template>

<script>
import mouse from './mouse'
export default {
  mixins: [mouse],
  // methods: {
  //   move(e) {
  //     console.log(e)
  //     this.style = {'position':'absolute', top: e.y + 'px',left: e.x+'px' }
  //   }
  // },
  // mounted () {
  //   document.addEventListener('mousemove',this.move)
  // },
  // beforeDestroy () {
  //   document.removeEventListener('mousemove',this.move)
  // }  
}
</script>
